import "./posts.css";

export const SpacePost = () => {
  return (
    <div className="space-post">
      <h1>总结</h1>
      <p>
        一开始将bilibili作为选题是为了锻炼锻炼自己，结果到现在还有许多功能没实现，许多页面没做完。
        为了打磨页面细节，用掉了非常多的时间。同时也由于前期数据定义没做好，导致后期需要数据时需要重新定义并且修改之前的代码，为此也浪费了大量时间。
        以及前期图片资源全靠手动拉取（本以为数量不多），结果却也因此浪费了大量时间。总之，吃一堑长一智，下次会做得更好。
      </p>
      <p>
        因为非常喜欢bilibili新版Web UI，最后还是以此为选题。
        网站内的css样式大部分都来源于bilibili，通过模仿bilibili也能够学到非常多的知识，比如如何做响应式、flex布局、grid布局、遮罩层的设计以及弹出层的设计。
        bilibili的轮播图也让我研究了很久，特别是类3D的轮播图，bilibili原版会根据窗口宽度自动调整，为了实现这个效果我就花了一个下午和晚上的时间，也是因为自身实力不足以及知识储备不够，用了非常多的时间。
        在制作视频页面时，其中的能够播放的视频也是通过bilibili提供的嵌入代码实现的，评论功能确实没办法写了，必须得提供后端，后续或许会加上。
      </p>
      <p>
        也因为bilibili新版Web UI比较复杂，学到了很多新知识，对JavaScript的理解也更进了一步。
        自己写了非常多的事件处理，每次完成一个功能之后都在感叹bilibili能够做得如此之好，尽管我难以完全模仿，而且也难以避免自己代码许多瑕疵。
      </p>
      <p>
      对于是否使用React来完成此次课设在一开始我还抱有疑问，最后也是为了尽量实现bilibili的效果使用了React。
      这个框架学习至今不到一个月，对于它的了解还比较少。
      不过经过这次课设，明显能够感觉对于此框架的理解在逐渐增加。学习是循序渐进的，现在回头看课设一开始的代码能够感觉到明显的不足，以及项目目录不规范、代码耦合程度较高等。
      同时也有非常多的命名问题，css全局污染问题（可使用css module解决），等后期回顾时觉得修改起来太麻烦了，又不了了之。
      </p>
    </div>
  )
}